<template>
	<view class="all">
		<view class="bgimg" :style="{ backgroundImage: 'url(' + bgJoin + ')' }">
		</view>
		<view class="container">
			<view class="u-flex u-row-center touxiang u-p-t-20 u-p-b-20">
				<image src="../../../static/img/zltx.png" mode=""></image>
			</view>
			<view class="u-flex u-row-between u-p-30">
				<view>姓名</view>
				<view class="rightnr">华晨宇</view>
			</view>
			<view class="u-flex u-row-between u-p-30">
				<view>毕业院校</view>
				<view class="rightnr">武汉大学</view>
			</view>
			<view class="u-flex u-row-between u-p-30">
				<view>所学专业</view>
				<view class="rightnr">城市规划</view>
			</view>
			<view class="u-flex u-row-between u-p-30 u-border-bottom">
				<view>工作年限</view>
				<view class="rightnr">20年</view>
			</view>
			<view class="u-flex u-row-between u-p-30 u-border-bottom">
				<view>职称</view>
				<view class="rightnr">教授级高工</view>
			</view>
			<view class="u-flex u-row-between u-p-30 u-border-bottom">
				<view>执业资格</view>
				<view class="rightnr">一级注册建筑师证书</view>
			</view>
			<view class="u-flex u-row-between u-p-30 u-border-bottom">
				<view>我的档期</view>
				<view class="rightnr">2020-10-12</view>
			</view>
			<view class="u-flex u-row-center tuandui u-p-t-50 u-p-b-50">
				<image src="../../../static/img/tdlb.png" mode=""></image>
			</view>
			<view class="u-flex u-row-start u-row-center listimg u-m-b-20">
				<view class="" v-for="(item,index) in 5" :key="index">
					<image class="" src="../../../static/homepage/tdmckk.png" mode=""></image>
				</view>
			</view>
			<view class="u-flex u-row-start u-row-center listimg u-p-b-50">
				<view class="" v-for="(item,index) in 5" :key="index">
					<image class="" src="../../../static/homepage/tdmckk.png" mode=""></image>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgJoin: this.$mAssetsPath.bjJoin

			}

		},
		onLoad(options) {},
		methods: {},

	}
</script>

<style scoped lang="scss">
	page {
		background-color: #F4F4F4FF;
	}

	.container {
		background-color: #ffffff;
		border-radius: 20rpx;
		width: 90%;
		margin: 0 auto;
		position: relative;
		top: -60rpx;
	}

	.bgimg {
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: 0 -40px;

		padding: 130rpx 30rpx 30rpx 30rpx;
	}

	.rightnr {

		color: #9DA2B0;
	}

	.touxiang image {
		width: 155rpx;
		height: 178rpx;
	}

	.tuandui image {
		width: 286rpx;
		height: 56rpx;
	}

	.listimg image {
		width: 115rpx;
		height: 132rpx;
		margin-right: 10rpx;
	}

	.xz {

		font-size: 36rpx;

		color: #4B9CFF;

	}

	.rq {

		font-size: 28rpx;
		color: #888D99;
	}
</style>
